.dong-pager {
  --dong-pager-theme-color: var(--dong-color-primary);
  --dong-pager-size: 34px;
  --dong-pager-padding: 0 12px;
  --dong-pager-font-size: var(--dong-font-size-base);
}

.dong-pager {
  text-align: center;

  a {
    border: 1px solid #e1e2e3;
    background-color: #f0f2f5;
    color: #303133;
    height: var(--dong-pager-size);
    display: inline-block;
    line-height: var(--dong-pager-size);
    border-radius: 2px;
    padding: var(--dong-pager-padding);
    margin: 8px;
    font-size: var(--dong-pager-font-size);
    cursor: pointer;
    user-select: none;

    &:hover {
      color: var(--dong-pager-theme-color);
    }

    /* 当前页会挂上 active 类 */
    &.active {
      //   border: none;
      color: #fff;
      background-color: var(--dong-pager-theme-color);
      border-color: var(--dong-pager-theme-color);
    }

    /* a 标签禁用的时候会挂上 disabled 类 */
    &.disabled {
      color: #ccc;
      cursor: not-allowed;
    }
  }
}

@each $val in primary, success, warning, info, danger {
  .dong-pager--#{$val} {
    --dong-pager-theme-color: var(--dong-color-#{$val});
  }
}

.dong-pager--small {
  --dong-pager-size: 25px;
  --dong-pager-padding: 0 8px;
  --dong-pager-font-size: var(--dong-font-size-small);
}

.dong-pager--large {
  --dong-pager-size: 44px;
  --dong-pager-padding: 0 16px;
  --dong-pager-font-size: var(--dong-font-size-large);
}
